.bannerCont{ position: relative; }
.bannerCont img{ width: 100%; }
.bannerCont .phone{ display: none; }
.bannerCont .swiper-wrapper,.bannerCont .swiper-slide{ height: auto; }
.bannerCont .videoBg{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.bannerCont .fixText{ position: absolute; width: 60%; left: 20%; top: 30%; color: #fff; text-align: center; z-index: 2; }
.bannerCont .fixText h2{ font-size: 55px; margin-bottom: 20px; font-weight: normal; }
.bannerCont .fixText p{ font-size: 22px; margin-bottom: 10px; }
.bannerCont .fixText .palyBtn{ width: 77px; margin: 0 auto; position: relative; margin-top: 50px; cursor: pointer; }
/* .bannerCont .fixText .palyBtn::after{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; border: 1px solid #fff; box-sizing: border-box; animation: move 1.5s linear 0s infinite; opacity: 0.8; }
.bannerCont .fixText .palyBtn::before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; border: 1px solid #fff; box-sizing: border-box; animation: move 1.5s linear 0.8s infinite; opacity: 0.8; } */
.bannerCont .fixText .palyBtn img{ width: 100%; position: relative; z-index: 3; }
.bannerCont .fixBtn{ position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 100px; text-align: center; background: rgba(0,0,0,0.25); }
.bannerCont .fixBtn span{ display: inline-block; position: relative; width: 310px; max-width: 19%; line-height: 100px; color: #fff; font-size: 22px; height: 100px; opacity: 1;background: none; transition: all 0.3s ease; }
.bannerCont .fixBtn span::after{ content: ''; position: absolute; width: 1px; height: 40%; background: #fff; right: 0; top: 30%; }
.bannerCont .fixBtn span:last-child::after{ display: none; }
.bannerCont .fixBtn span.swiper-pagination-bullet-active{ color: #1f4390; }
.bannerCont .fixBtn em{ display: inline-block; width: 34px; height: 31px; vertical-align: middle; transition: all 0.3s ease; margin-right: 16px; }
.bannerCont .fixBtn span:hover span{ transform: rotateY(360deg); }
.bannerCont .fixBtn .icon0{ display: none; }
.bannerCont .fixBtn .icon1 em{ background: url(../images/index/bannerIcon1.png) no-repeat left center; }
.bannerCont .fixBtn .icon2 em{ background: url(../images/index/bannerIcon2.png) no-repeat left center; }
.bannerCont .fixBtn .icon3 em{ background: url(../images/index/bannerIcon3.png) no-repeat left center; }
.bannerCont .fixBtn .icon4 em{ background: url(../images/index/bannerIcon4.png) no-repeat left center; }
.bannerCont .fixBtn .icon5 em{ background: url(../images/index/bannerIcon5.png) no-repeat left center; }
.bannerCont .fixBtn .icon1.swiper-pagination-bullet-active em{ background: url(../images/index/bannerIcon1-2.png) no-repeat left center; }
.bannerCont .fixBtn .icon2.swiper-pagination-bullet-active em{ background: url(../images/index/bannerIcon2-2.png) no-repeat left center; }
.bannerCont .fixBtn .icon3.swiper-pagination-bullet-active em{ background: url(../images/index/bannerIcon3-2.png) no-repeat left center; }
.bannerCont .fixBtn .icon4.swiper-pagination-bullet-active em{ background: url(../images/index/bannerIcon4-2.png) no-repeat left center; }
.bannerCont .fixBtn .icon5.swiper-pagination-bullet-active em{ background: url(../images/index/bannerIcon5-2.png) no-repeat left center; }
.bannerCont .swiper-button-next1{ right: 0; top: 0; height: 100%; margin: 0; width: 100px; color: #fff; opacity: 0; transition: all 0.5s ease; }
.bannerCont .swiper-button-prev1{ left: 0; top: 0; height: 100%; margin: 0; width: 100px; color: #fff; opacity: 0; transition: all 0.5s ease; }
.bannerCont .swiper-button-next:after,.bannerCont .swiper-button-prev:after{ font-size: 40px; }
.bannerCont .swiper-button-next1:hover,.bannerCont .swiper-button-prev1:hover{ opacity: 1; }
.playBtn{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.35) url(../images/index/video2.png) no-repeat center; cursor: pointer; z-index: 10 }

.mainTitle{ margin-bottom: 60px; }
.mainTitle h2{ font-size: 40px; color: #000; text-align: center; margin-bottom: 5px; }
.mainTitle p{ text-align: center; font-size: 19px; line-height: 35px; }

.choiceCont{ padding: 70px 0 100px; }
.choiceCont .list{ display: flex; justify-content: space-between; }
.choiceCont .list>div{ border-right: 1px solid #d2d2d2; }
.choiceCont .list .sp{ width: 18%; background: #1f4390; color: #fff; padding: 20px 25px 0; box-sizing: border-box; }
.choiceCont .list .sp .tit{ font-size: 30px; margin-bottom: 15px; }
.choiceCont .list .sp .tit b{ font-size: 77px; }
.choiceCont .list .sp p{ font-size: 17px; line-height: 32px; }
.choiceCont .list .li{ width: 14%; text-align: center; padding: 40px 25px 40px; box-sizing: border-box; position: relative; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.choiceCont .list .li::after{ content: ''; position: absolute; background: #fff; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.3s ease; }
.choiceCont .list .li:hover::after{ box-shadow: 0 0 20px rgba(204,204,204,0.77); width: 101%; height: 101%; left: -1px; top: -1px; background: #1f4390; }
.choiceCont .list .li:hover{ z-index: 1; }
.choiceCont .list .li .icon{ width: 41px; height: 43px; margin: 0 auto; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease; margin-bottom: 40px; position: relative; z-index: 1; }
.choiceCont .list .li .icon1{ background-image: url(../images/index/choiceIcon1-1.png); }
.choiceCont .list .li .icon2{ background-image: url(../images/index/choiceIcon2-1.png); }
.choiceCont .list .li .icon3{ background-image: url(../images/index/choiceIcon3-1.png); }
.choiceCont .list .li .icon4{ background-image: url(../images/index/choiceIcon4-1.png); }
.choiceCont .list .li .icon5{ background-image: url(../images/index/choiceIcon5-1.png); }
.choiceCont .list .li .icon6{ background-image: url(../images/index/choiceIcon6-1.png); }
.choiceCont .list .li:hover .icon1{ background-image: url(../images/index/choiceIcon1-2.png); }
.choiceCont .list .li:hover .icon2{ background-image: url(../images/index/choiceIcon2-2.png); }
.choiceCont .list .li:hover .icon3{ background-image: url(../images/index/choiceIcon3-2.png); }
.choiceCont .list .li:hover .icon4{ background-image: url(../images/index/choiceIcon4-2.png); }
.choiceCont .list .li:hover .icon5{ background-image: url(../images/index/choiceIcon5-2.png); }
.choiceCont .list .li:hover .icon6{ background-image: url(../images/index/choiceIcon6-2.png); }
.choiceCont .list .li .tit{ font-size: 25px; color: #000; margin-bottom: 20px; position: relative; z-index: 1; }
.choiceCont .list .li:hover .tit,.choiceCont .list .li:hover p{ color: #fff; }
.choiceCont .list .li p{ font-size: 17px; line-height: 26px; position: relative; z-index: 1; }

.caseslideCont .swiper-wrapper,.caseslideCont .swiper-slide{ height: auto; }
.caseslideCont .img{ width: 100%; }
.caseslideCont .mask{ position: absolute; height: 100%; left: 0; top: 0; }
.caseslideCont .mask img{ height: 100%; }
.caseslideCont .text{ color: #fff; position: absolute; width: 1500px; top: 20%; left: 50%; margin-left: -750px; z-index: 2; }
.caseslideCont .text h2{ font-size: 40px; margin-bottom: 15px; }
.caseslideCont .text .p1{ margin-bottom: 130px; }
.caseslideCont .text .tit{ font-size: 50px; font-weight: bold; margin-bottom: 15px; }
.caseslideCont .text .p2{ font-size: 25px; margin-bottom: 50px; }
.caseslideCont .text .more{ border: 1px solid #fff; color: #fff; display: inline-block; border-radius: 50px; line-height: 45px; width: 160px; text-align: center; font-size: 17px; transition: all 0.3s ease; }
.caseslideCont .text .more:hover{ background: #1f4390; border-color: #1f4390; }
.caseslideCont .swiper-pagination{ width: 100%; left: 0; bottom: 50px; display: flex; justify-content: space-around; }
.caseslideCont .swiper-pagination::after{ content: ''; position: absolute; width: 100%; border-top: 1px solid rgba(255,255,255,0.2); top: 5px; }
.caseslideCont .swiper-pagination .swiper-pagination-bullet{ position: relative; padding-top: 35px; width: auto; height: auto; color: #fff; background: none; opacity: 1; white-space: nowrap; border-radius: 0; font-size: 17px; transition: all 0.3s ease; }
.caseslideCont .swiper-pagination .swiper-pagination-bullet span{ position: absolute; width: 12px; height: 12px; left: 50%; margin-left: -6px; top: 0; }
.caseslideCont .swiper-pagination .swiper-pagination-bullet span::after{ content: ''; position: absolute; z-index: 2; width: 22px; height: 22px; top: -5px; margin-left: -11px; background: rgba(255,255,255,0.4); border-radius: 100%; transition: all 0.3s ease; }
.caseslideCont .swiper-pagination .swiper-pagination-bullet span::before{ content: ''; position: absolute; z-index: 1; width: 34px; height: 34px; top: -11px; margin-left: -17px; background: rgba(255,255,255,0.2); border-radius: 100%; opacity: 0; transform: scale(0.9); transition: all 0.3s ease; }
.caseslideCont .swiper-pagination .swiper-pagination-bullet-active span::before{ opacity: 1; transform: scale(1); }
.caseslideCont .swiper-pagination .swiper-pagination-bullet em{ width: 12px; height: 12px; display: block; position: relative; z-index: 3; border-radius: 100%; background: #fff; transition: all 0.3s ease; }
.caseslideCont .swiper-pagination .swiper-pagination-bullet:hover span::after{ background: rgba(45,79,150,0.4); }
.caseslideCont .swiper-pagination .swiper-pagination-bullet:hover span::before{ background: rgba(45,79,150,0.2); }
.caseslideCont .swiper-pagination .swiper-pagination-bullet:hover em{ background: #1f4390; }

.globalcaseCont{ padding: 60px 0 80px; }
.globalcaseCont .menu{ text-align: center; margin-bottom: 60px; }
.globalcaseCont .menu a{ display: inline-block; width: 165px; border: 1px solid #d2d2d2; border-radius: 50px; color: #666; font-size: 16px; line-height: 50px; box-sizing: border-box; height: 50px; text-align: center; margin: 0 10px; }
.globalcaseCont .menu a.active{ color: #fff; border: 1px solid #1f4390; background: #1f4390; }
.globalcaseCont .menu a:hover{ color: #1f4390; }
.globalcaseCont .menu a.active:hover{color: #ffffff;}
.globalcaseList{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.globalcaseList .li{ margin-bottom: 30px; width: 32%; margin-right: 2%; }
.globalcaseList .li:hover{ box-shadow: 0 5px 20px rgba(204,204,204,0.77); }
.globalcaseList .li:nth-child(3n){ margin-right: 0; }
.globalcaseList .li .imgbox{ position: relative; overflow: hidden; }
.globalcaseList .li .imgbox .picbox{ background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 1.5s ease; }
.globalcaseList .li:hover .imgbox .picbox{ transform: scale(1.1) }
.globalcaseList .li .imgbox img{ width: 100%; display: block; }
.globalcaseList .li .text{ padding: 20px 25px; background: #f5f5f5; transition: all 0.3s ease; }
.globalcaseList .li .text .tit{ padding-right: 110px; position: relative; margin-bottom: 15px; }
.globalcaseList .li .text .tit p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #000; }
.globalcaseList .li .text .tit span{ position: absolute; right: 0; font-size: 16px; color: #999; top: 50%; margin-top: -11px; }
.globalcaseList .li .text .intro{ position: relative; padding-right: 80px; font-size: 16px; color: #999; }
.globalcaseList .li .text .intro p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.globalcaseList .li .text .intro span{ position: absolute; right: 0; top: 50%; margin-top: -9px; }
.globalcaseList .li:hover .text{ background: #fff; }
.globalcaseList .li:hover .text .tit p{ color: #1f4390; }

.tenCont{ padding: 60px 0 100px; background: #f5f5f5; position: relative; }
.tenCont .title{ text-align: center; margin-bottom: 60px; } 
.tenCont .title h2{ font-size: 49px; color: #1f4390; margin-bottom: 30px; }
.tenCont .title h2 span{ font-size: 100px; color: #000; margin: 0 25px; }
.tenCont .title h2 em{ color: #de7430; }
.tenCont .title p{ font-size: 19px; }
.tenFlex .list{ margin-bottom: 15px; display: flex; justify-content: space-between; }
.tenFlex .list .icon{ text-align: center; font-size: 16px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.tenFlex .list .icon img{ margin-bottom: 5px; }
.tenFlex .list:hover .icon img{ transform: rotateY(360deg); transition: all 0.3s ease; }
.tenFlex .list .icon p{ width: 100%; }
.tenFlex .list .que{ background: #dfe3eb; width: 42%; text-align: right; padding: 20px; line-height: 34px; font-size: 19px; display: flex; align-items: center; }
.tenFlex .list .ans{ background: #f3e8e1; width: 42%; padding: 20px; line-height: 34px; font-size: 19px; display: flex; align-items: center; flex-wrap: wrap; }
.tenFlex .list .ans div{ font-size: 25px; color: #de7430; width: 100%; }
.tenFlex .list div p{ width: 100%; }
.tenFlex.last{ display: none; }
.tenCont .more{ position: absolute; width: 100px; color: #999; font-size: 17px; bottom: 66px; text-align: center; left: 50%; margin-left: -50px; cursor: pointer; }
.tenCont .more::after{ content: ''; position: absolute; left: 40px; bottom: -20px; width: 16px; height: 16px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg); }
.tenCont .more.active::after{ transform: rotate(225deg); bottom: -25px; }

.globalserviceCont{ padding: 60px 0 80px; }
.globalserviceCont .inputCont{ width: 630px; max-width: 90%; margin: 0 auto; position: relative; border: 1px solid #e5e5e5; box-shadow: 0 10px 20px rgba(204,204,204,.35); border-radius: 10px; margin-bottom: 50px; }
.globalserviceCont .inputCont input{ height: 70px; padding: 0 170px 0 55px; background: none; border: none; font-size: 22px; background: url(../images/index/get.png) no-repeat 25px center; }
.globalserviceCont .inputCont .sub{ position: absolute; font-size: 19px; color: #fff; background: #1f4390; height: 50px; line-height: 50px; border-radius: 10px; text-align: center; width: 150px; right: 10px; top: 10px; cursor: pointer; transition: all 0.3s ease; }
.globalserviceCont .inputCont .sub:hover{ opacity: 0.8; }
.globalserviceCont .pdfCont{ display: flex; justify-content: space-between; }
.globalserviceCont .pdfCont .li{ border: 5px solid #fff; border-radius: 10px; box-shadow: 0 10px 20px rgba(204,204,204,.35); padding: 25px 45px 0; box-sizing: border-box; height: 160px; width: 32%; background: #f7f7f8; transition: all 0.3s ease; }
.globalserviceCont .pdfCont .li:hover{ transform: translateY(-10px); }
.globalserviceCont .pdfCont h3{ font-weight: normal; font-size: 22px; color: #000; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.globalserviceCont .pdfCont p{ font-size: 16px; margin-bottom: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.globalserviceCont .pdfCont a{ color: #de7430; font-size: 17px; }

.service360Cont{ padding: 60px 0 200px; background: url(../images/index/360bg.jpg) no-repeat center; background-size: cover; }
.service360Cont .circularbox{ position: relative; }
.service360Cont .circularbox img{ margin: 0 auto; display: block; transition: all 1.5s ease; }
.service360Cont .circularbox img:hover{ transform: scale(1.05) }
.service360Cont .circularbox .list{ position: absolute; }
.service360Cont .circularbox .list p{ font-size: 22px; }
.service360Cont .circularbox .list b{ font-size: 32px; color: #000; }
.service360Cont .circularbox .list.left{ padding-right: 110px; text-align: right; }
.service360Cont .circularbox .list.right{ padding-left: 110px; text-align: left; }
.service360Cont .circularbox .list1{ top: 0; left: 0; right: 59%; background: url(../images/index/serviceIcon1.png) no-repeat right center; }
.service360Cont .circularbox .list2{ top: 0; right: 0; left: 59%; background: url(../images/index/serviceIcon2.png) no-repeat left center; }
.service360Cont .circularbox .list3{ top: 59%; left: 65%; right: 0; background: url(../images/index/serviceIcon3.png) no-repeat left center; }
.service360Cont .circularbox .list4{ text-align: center; padding-top: 70px; left: 0; right: 0; bottom: -130; background: url(../images/index/serviceIcon4.png) no-repeat center top; }
.service360Cont .circularbox .list5{ top: 59%; right: 65%; left: 0; background: url(../images/index/serviceIcon5.png) no-repeat right center; }

.indexcaseCont{ position: relative; }
.indexcaseCont img{ width: 100%; }
.indexcaseCont .text{ position: absolute; width: 1500px; margin-left: -750px; left: 50%; top: 50%; margin-top: -100px; color: #fff; }
.indexcaseCont .text p{ font-size: 22px; margin-bottom: 20px; }
.indexcaseCont .text h3{ font-weight: normal; font-size: 40px; margin-bottom: 40px; }
.indexcaseCont .text a{ display: inline-block; color: #fff; width: 200px; height: 50px; line-height: 50px; border: 1px solid #fff; border-radius: 50px; box-sizing: border-box; text-align: center; font-size: 17px; }
.indexcaseCont .text a:hover{ border: 1px solid #1f4390; background: #1f4390; }
.indexcaseCont video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; }

.processiconCont{ padding: 60px 0 80px; }
.processiconCont .iconbox{ display: flex; justify-content: center; position: relative; } 
.processiconCont .iconbox::after{ content: ''; position: absolute; width: 100%; height: 1px; background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 50%, transparent 50%); background-size: 8px 1px; background-repeat: repeat-x; top: 142px; }
.processiconCont .iconbox .tips{ text-align: center; width: 10%; }
.processiconCont .iconbox .tips .icon{ margin: 0 auto; width: 100px; height: 100px; border: 1px solid #d2d2d2; border-radius: 100px; background-repeat: no-repeat; background-position: center; background-size: 100%; margin-bottom: 25px; position: relative; box-sizing: border-box; transition: all 0.3s ease; }
.processiconCont .iconbox .tips:hover .icon{ border-color: #1f4390; }
.processiconCont .iconbox .tips .icon::after{ content: ''; position: absolute; width: 1px; height: 25px; background: #d2d2d2; bottom: -26px; left: 50%; }
.processiconCont .iconbox .tips .icon1{ background-image: url(../images/index/processIcon1-1.png); }
.processiconCont .iconbox .tips .icon2{ background-image: url(../images/index/processIcon2-1.png); }
.processiconCont .iconbox .tips .icon3{ background-image: url(../images/index/processIcon3-1.png); }
.processiconCont .iconbox .tips .icon4{ background-image: url(../images/index/processIcon4-1.png); }
.processiconCont .iconbox .tips .icon5{ background-image: url(../images/index/processIcon5-1.png); }
.processiconCont .iconbox .tips .icon6{ background-image: url(../images/index/processIcon6-1.png); }
.processiconCont .iconbox .tips .icon7{ background-image: url(../images/index/processIcon7-1.png); }
.processiconCont .iconbox .tips .icon8{ background-image: url(../images/index/processIcon8-1.png); }
.processiconCont .iconbox .tips:hover .icon1{ background-image: url(../images/index/processIcon1-2.png); }
.processiconCont .iconbox .tips:hover .icon2{ background-image: url(../images/index/processIcon2-2.png); }
.processiconCont .iconbox .tips:hover .icon3{ background-image: url(../images/index/processIcon3-2.png); }
.processiconCont .iconbox .tips:hover .icon4{ background-image: url(../images/index/processIcon4-2.png); }
.processiconCont .iconbox .tips:hover .icon5{ background-image: url(../images/index/processIcon5-2.png); }
.processiconCont .iconbox .tips:hover .icon6{ background-image: url(../images/index/processIcon6-2.png); }
.processiconCont .iconbox .tips:hover .icon7{ background-image: url(../images/index/processIcon7-2.png); }
.processiconCont .iconbox .tips:hover .icon8{ background-image: url(../images/index/processIcon8-2.png); }
.processiconCont .iconbox .tips span{ display: inline-block; width: 35px; height: 35px; line-height: 35px; border: 1px solid #d2d2d2; border-radius: 100px; box-sizing: border-box; text-align: center; font-size: 17px; margin-bottom: 15px; background: #fff; position: relative; z-index: 2; transition: all 0.3s ease; }
.processiconCont .iconbox .tips:hover span{ color: #fff; background: #1f4390; border-color: #1f4390; }
.processiconCont .iconbox .tips p{ font-size: 19px; color: #000; font-weight: bold; }

.codeCont{ height: 250px; background: url(../images/index/codebg.jpg) no-repeat center; display: flex; justify-content: center; align-items: center; color: #fff; }
.codeCont .text{ width: 70%; font-size: 25px; }
.codeCont .text span{ font-size: 40px; white-space: nowrap; }

.newsindexCont{ padding: 60px 0; }
.newsindexCont .btnbox{ margin-bottom: 60px; display: flex; justify-content: center; }
.newsindexCont .btnbox span{ -webkit-tap-highlight-color: transparent; display: inline-block; display: inline-block; width: 165px; border: 1px solid #d2d2d2; box-sizing: border-box; border-radius: 50px; height: 50px; line-height: 50px; margin: 0 10px; text-align: center; cursor: pointer; transition: all 0.3s ease; font-size: 16px; }
.newsindexCont .btnbox span.active{ background: #1f4390; color: #fff !important; border-color: #1f4390; }
.newsindexCont .btnbox span:hover{ color: #1f4390; }
.newsindexCont .more{ text-align: center; }
.newsindexCont .more a{ display: inline-block; border-radius: 50px; height: 50px; line-height: 50px; width: 160px; border: 1px solid #d2d2d2; color: #666; font-size: 17px; transition: all 0.3s ease; }
.newsindexCont .more a:hover{ color: #fff; border-color: #1f4390; background: #1f4390; }
.newsBlock{ display: flex; justify-content: space-between; margin-bottom: 60px; }
.newsBlock>div{ width: 32%; position: relative; }
.newsBlock>div .tips{ position: absolute; width: 125px; height: 45px; line-height: 45px; text-align: center; left: 0; top: 0; z-index: 2; }
.newsBlock>div .tips.color1{ color: #fff; background: #1f4390; }
.newsBlock>div .tips.color2{ color: #fff; background: #de7430; }
.newsBlock>div .tips.color3{ color: #000; background: #d8dde9; }
.newsBlock .sp .imgbox{ position: relative; overflow: hidden; }
.newsBlock .sp .imgbox img{ width: 100%; display: block; }
.newsBlock .sp .imgbox div{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 1.5s ease; }
.newsBlock .sp:hover .imgbox div{ transform: scale(1.1); }
.newsBlock .sp .text{ background: #f8f8f8; padding: 25px; transition: all 0.3s ease; }
.newsBlock .sp .text .time{ font-size: 16px; color: #999; margin-bottom: 20px; }
.newsBlock .sp .text h3{ font-weight: normal; font-size: 22px; color: #1f4390; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px; }
.newsBlock .sp .text p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 30px; }
.newsBlock .sp .text a.more{ display: block; width: 120px; line-height: 38px; height: 38px; text-align: center; color: #fff; background: #1f4390; border-radius: 50px; transition: all 0.3s ease; }
.newsBlock .sp .text a.more:hover{ opacity: 0.8; }
.newsBlock .sp:hover{ box-shadow: 0 5px 20px rgba(204,204,204,0.77); }
.newsBlock .sp:hover .text{ background: #fff; }
.newsBlock .list{ padding: 50px 0 20px; background: #f8f8f8; }
.newsBlock .list .posi{ position: relative; }
.newsBlock .list .sc{ overflow: hidden; height: 490px; }
.newsBlock .list .li{ padding: 15px 30px; } 
.newsBlock .list .li p{ font-size: 22px; color: #000; margin-bottom: 10px; line-height: 34px; transition: all 0.3s ease; }
.newsBlock .list .li .time{ font-size: 16px; color: #999; }
.newsBlock .list .li:hover p{ color: #1f4390; }

.praiseSlide{ padding: 60px 0 80px; background: #f4f4f4; }
.praiseSlide .content{ width: 1700px; margin: 0 auto; position: relative; }
.praiseSlide .swiper{ width: 1490px; overflow: hidden; }
.praiseSlide .swiper-wrapper{ height: auto; }
.praiseSlide .swiper-slide{ border-radius: 10px; overflow: hidden; height: auto; }
.praiseSlide .swiper-slide .imgbox{ overflow: hidden; position: relative; }
.praiseSlide .swiper-slide .imgbox img{ width: 100%; display: block; }
.praiseSlide .swiper-slide .imgbox .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 1.5s ease; }
.praiseSlide .swiper-slide .imgbox .videoBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.praiseSlide .swiper-slide:hover .imgbox .bg{ transform: scale(1.1); }
:root { --swiper-theme-color: #1f4390; }
:root { --swiper-navigation-size: 40px; }
.praiseSlide .swiper-slide .text{ background: #fff; padding: 60px 40px; position: relative; }
.praiseSlide .swiper-slide .text::before{ content: ''; position: absolute; width: 24px; height: 20px; left: 40px; top: 20px; background: url(../images/index/y1.png) no-repeat center; background-size: 100%; }
.praiseSlide .swiper-slide .text::after{ content: ''; position: absolute; width: 24px; height: 20px; right: 40px; bottom: 20px; background: url(../images/index/y2.png) no-repeat center; background-size: 100%; }
.praiseSlide .swiper-slide .text p{ font-size: 18px; color: #000; line-height: 34px; margin-bottom: 10px; }
.praiseSlide .swiper-slide .text .tit{ color: #1f4390; font-size: 18px; text-align: right; }





@media only screen and (max-width: 1700px) {
    .praiseSlide .content{ width: 1400px; }
    .praiseSlide .swiper{ width: 1200px; }
}
@media only screen and (max-width: 1580px) {
    .service360Cont .circularbox .list1{ top: 0; left: 0; right: 62%; }
    .service360Cont .circularbox .list2{ top: 0; right: 0; left: 62%; }
    .service360Cont .circularbox .list3{ top: 59%; left: 68%; right: 0; }
    .service360Cont .circularbox .list4{ text-align: center; padding-top: 70px; left: 0; right: 0; bottom: -130; }
    .service360Cont .circularbox .list5{ top: 59%; right: 68%; left: 0; }
    .choiceCont .list .sp .tit{ font-size: 24px; }
    .choiceCont .list .sp .tit b{ font-size: 50px }
    .globalcaseList .li .text .tit p{ font-size: 18px; }
    .caseslideCont .text{ width: 1200px; margin-left: -600px; top: auto; bottom: 200px; }
    .service360Cont .circularbox .list p{ font-size: 20px; }
    .service360Cont .circularbox .list b{ font-size: 28px; }
    .indexcaseCont .text{ width: 1200px; margin-left: -600px; }
}
@media only screen and (max-width: 1500px) {
    .praiseSlide .content{ width: 1300px; }
    .praiseSlide .swiper{ width: 1100px; }
    .newsBlock .list .sc{ height: 430px; }
}
@media only screen and (max-width: 1440px) {
    .caseslideCont .text .p1{ margin-bottom: 60px; }
    .caseslideCont .text .tit{ font-size: 40px; }
    .caseslideCont .text{ bottom: 170px; }
    .praiseSlide .content{ width: 1200px; }
    .praiseSlide .swiper{ width: 1050px; }
}
@media only screen and (max-width: 1280px) {
    .bannerCont .fixText h2{ font-size: 40px; }
    .bannerCont .fixText p{ font-size: 20px; }
    .bannerCont .fixText .palyBtn{ width: 60px; }
    .caseslideCont .text,.indexcaseCont .text,.praiseSlide .content{ width: 100%; padding: 0 20px; box-sizing: border-box; margin-left: 0; left: 0; }
    .praiseSlide .swiper{ width: 90%; }
    .bannerCont .fixBtn span{ font-size: 18px; }
    .bannerCont .fixBtn em{ width: 25px; background-size: 100% auto !important; }
}
@media only screen and (max-width: 1050px) {
    .bannerCont .fixText p,.choiceCont .list .sp .tit,.choiceCont .list .li .tit,.globalcaseList .li .text .tit p,.globalserviceCont .pdfCont h3,.service360Cont .circularbox .list b,.newsBlock .list .li p,.maintopCont .txtco h3{ font-size: 18px; }
    .choiceCont .list .sp p,.choiceCont .list .li p{ font-size: 14px; }
    .mainTitle h2,.bannerCont .fixText h2,.caseslideCont .text h2,.caseslideCont .text .tit,.indexcaseCont .text h3,.codeCont .text span{ font-size: 30px; }
    .mainTitle,.caseslideCont .text .p1{ margin-bottom: 40px; }
    .choiceCont .list .li{ padding: 30px 20px; }
    .choiceCont .list .sp .tit b{ font-size: 45px; margin-right: 5px; }
    .choiceCont .list .sp{ padding: 20px; }
    .caseslideCont .text .p2{ margin-bottom: 30px; }
    .caseslideCont .text{ bottom: 150px }
    .caseslideCont .swiper-pagination .swiper-pagination-bullet{ font-size: 14px; padding-top: 25px; }
    .caseslideCont .text .more,.indexcaseCont .text a{ height: 40px; line-height: 40px; width: auto; padding: 0 20px; }
    .service360Cont .circularbox .list p{ font-size: 16px; }
    .service360Cont .circularbox img{ width: 35%; }
    .service360Cont .circularbox .list.left{ padding-right: 80px; }
    .service360Cont .circularbox .list.right{ padding-left: 80px; }
    .processiconCont .iconbox .tips{ width: 11%; }
    .newsBlock .list .sc{ height: 385px; }
}
@media only screen and (max-width: 820px) {
    .bannerCont .fixText{ top: 20%; }
    .bannerCont .fixBtn{ height: 80px; }
    .bannerCont .fixBtn span{ font-size: 16px; line-height: 80px; height: 100%; }
    .bannerCont .fixText .palyBtn{ margin-top: 30px; width: 40px; }
    .bannerCont .fixBtn em{ margin-right: 10px; }
    .choiceCont .list{ flex-wrap: wrap; }
    .choiceCont .list .sp{ width: 50%; }
    .choiceCont .list .li{ width: 25%; }
    .choiceCont .list .li .icon{ margin-bottom: 10px; }
    .choiceCont .list .li .tit{ margin-bottom: 10px; }
    .caseslideCont .swiper-pagination{ bottom: 20px; }
    .caseslideCont .text{ bottom: 90px; }
    .caseslideCont .text .tit{ font-size: 20px; }
    .caseslideCont .text .p2{ font-size: 16px; }
    .globalcaseCont .menu a{ font-size: 16px; margin-bottom: 10px; }
    .globalcaseCont .menu{ text-align: left; }
    .globalcaseList .li{ width: 49%; }
    .globalcaseList .li:nth-child(3n){ margin-right: 2%; }
    .globalcaseList .li:nth-child(2n){ margin-right: 0; }
    .tenCont .title h2{ font-size: 30px; }
    .tenCont .title h2 span{ font-size: 50px; }
    .processiconCont .iconbox .tips .icon{ width: 80px; height: 80px; }
    .processiconCont .iconbox .tips{ width: 12%; }
    .newsBlock .list .sc{ height: 342px; }
}
@media only screen and (max-width: 510px) {
    .bannerCont .fixBtn span{ font-size: 0; max-width: 20%; margin: 0 !important; }
    .bannerCont .fixBtn span em{ margin-right: 0; }
    .mainTitle h2,.bannerCont .fixText h2,.caseslideCont .text h2,.caseslideCont .text .tit,.indexcaseCont .text h3,.codeCont .text span,.tenCont .title h2{ font-size: 22px; }
    .bannerCont .pc{ display: none; }
    .bannerCont .phone{ display: block; }
    .bannerCont .fixText{ padding: 0 20px; top: 30%; box-sizing: border-box; width: 100%; left: 0; }
    .bannerCont .fixText p{ font-size: 14px; }
    .choiceCont .list .sp{ width: 100%; border: none; padding: 20px; }
    .choiceCont .list .li{ width: 50%; border-left: 1px solid #d2d2d2; border-right: none; padding: 20px; }
    .choiceCont .list .li.bo{ border-right: 1px solid #d2d2d2; }
    .choiceCont,.service360Cont,.globalserviceCont,.globalcaseCont{ padding: 60px 0; }
    .caseslideCont .text{ position: static; color: #000; margin-bottom: 20px; padding-top: 60px; min-height: 266px; }
    .caseslideCont .mask{ display: none; }
    .caseslideCont .swiper-slide{ background: #f8f8f8; }
    .caseslideCont .text .p1{ margin-bottom: 20px; }
    .caseslideCont .text .more{ color: #000; border-color: #000; }
    .caseslideCont .text h2{ margin-bottom: 5px; text-align: center; }
    .caseslideCont .text .p1{ text-align: center; font-size: 16px; margin-bottom: 40px; color: #666; }
    .mainTitle p,.tenCont .title p{ font-size: 16px; line-height: 24px; }
    .tenCont .title h2 span{ font-size: 40px; margin: 0 15px; }
    .globalcaseList .li{ width: 100%; margin-right: 0 !important; }
    .globalcaseCont .menu{ margin-bottom: 40px; font-size: 0; }
    .globalcaseCont .menu a{ width: 47%; margin: 0 1.5% 10px; height: 40px; line-height: 40px; }
    .tenFlex .list{ flex-wrap: wrap; justify-content: center; padding-bottom: 10px; border-bottom: 1px dashed #d2d2d2; }
    .tenFlex .list .que{ width: 100%; text-align: left; }
    .tenFlex .list .icon{ margin: 10px 0; }
    .tenFlex .list .ans{ width: 100%; }
    .globalserviceCont .inputCont .sub{ font-size: 14px; width: auto; padding: 0 10px; }
    .globalserviceCont .inputCont input{ width: 100%; padding-right: 120px; padding-left: 40px; background-size: 15px auto; background-position: 15px center; font-size: 16px; }
    .globalserviceCont .pdfCont{ flex-wrap: wrap; }
    .globalserviceCont .pdfCont .li{ width: 100%; margin-bottom: 10px; }
    .service360Cont .circularbox img{ display: none; }
    .service360Cont .circularbox .list{ position: static; margin-bottom: 20px; background-size: 30px auto !important; padding: 0 0 0 60px !important; }
    .service360Cont .circularbox .list.left,.service360Cont .circularbox .list4{ background-position: left center; text-align: left; }
    .indexcaseCont .text{ position: static; color: #000; padding-top: 60px; padding-bottom: 40px; margin: 0; }
    .indexcaseCont .text a{ color: #000; border-color: #000; }
    .processiconCont .scroll{ overflow-x: scroll; }
    .processiconCont .iconbox{ width: 840px; padding-bottom: 20px; }
    .codeCont{ flex-wrap: wrap; padding: 20px; align-content: center; }
    .codeCont .text{ width: 100%; font-size: 16px; margin-bottom: 20px; }
    .codeCont img{ width: 100px; }
    .newsindexCont .btnbox{ flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px; }
    .newsindexCont .btnbox span{ height: 40px; line-height: 40px; font-size: 16px; width: 47%; margin: 0 1.5% 10px; }
    .newsBlock{ flex-wrap: wrap; margin-bottom: 20px; }
    .newsBlock>div{ width: 100%; margin-bottom: 20px; }
    .praiseSlide .mainTitle{ padding: 0 20px; }
    .praiseSlide .swiper{ width: 80%; }
    .processiconCont{ padding: 60px 20px; }
    .newsindexCont .more a,.maintopCont .inputbox .sub{ height: 40px; line-height: 40px; }
    .maintopCont .inputbox input{ height: 40px; }
    .maintopCont .codeco img{ width: 120px; }
    .bannerCont .swiper-button-prev1{ left: 10px; }
    .bannerCont .swiper-button-next1{ right: 10px; }
    .bannerCont .swiper-button-next:after, .bannerCont .swiper-button-prev:after{ font-size: 30px; }
    .tenFlex .list .ans,.tenFlex .list .que{ font-size: 16px; }
    .tenFlex .list .ans div{ font-size: 18px; }
    .tenFlex .list .icon img{ width: 40px; }
    .globalserviceCont .pdfCont .li{ padding: 20px; height: auto; }
    .globalserviceCont .pdfCont p{ margin-bottom: 10px; }
    .globalserviceCont .pdfCont a,.newsBlock .list .li p{ font-size: 16px; }
    .indexcaseCont .text p{ font-size: 16px; margin-bottom: 10px; }
    .indexcaseCont .text h3{ font-size: 16px; margin-bottom: 20px; }
    .indexcaseCont .text{ padding: 20px 20px 0; }
}
@keyframes move{
   0%{ transform: scale(1); opacity: 0.8; }
   99%{ transform: scale(1.4); opacity: 0; }
   100%{ transform: scale(1); opacity: 1; }
}